<template>
  <div>
    <input placeholder="请输入任务名称" v-model="value" @keydown.enter="enter" />
  </div>
</template>

<script>
import { defineComponent, ref } from 'vue'
export default defineComponent({
  name: 'navHeader',
  setup (props, ctx) {
    let value = ref('')
    let enter = () => {
      // 按回车确认
      // console.log(value.value);
      // 把输入框的值传递给父组件
      ctx.emit('add', value.value)
      value.value = ''
    }
    return {
      value,
      enter
    }
  }
})
</script>

<style lang="scss" scoped>
input {
  margin-bottom: 10px;
}
</style>